<template>
  <el-dialog
      :visible.sync="visible"
      width="46%"
      :before-close="onClose">
      <div slot="title" style="font-size: 14px;font-weight: 500;">
        接收对象设置<span style="margin-left: 8px;color:#2f54eb;">示例</span>
      </div>
      <div class="accept-container">
        <div class="accep-form-item">
          <div class="form-label">
            接受对象
            <el-tooltip class="item" effect="dark" placement="top" style="margin-left: 4px;">
              <div slot="content">从客户或企业成员那接收客户名片加<br/>好友</div>
              <svg-icon icon-class="iquestion"/>
            </el-tooltip>
            <span style="margin-left: 4px;">：</span>
          </div>
          <div class="form-value">
            <el-checkbox v-model="check"><span style="color: rgba(0,0,0,.65);font-weight: 400;">全部客户</span></el-checkbox>
            <div class="tips">选中所选企微号的全部客户。如需进行部分客户的选择，请前往“单号配置”</div>
          </div>
        </div>
        <div class="accep-form-item">
          <div class="form-label">
          </div>
          <div class="form-value">
            <el-checkbox v-model="check1"><span style="color: rgba(0,0,0,.65);font-weight: 400;">全部企业成员</span></el-checkbox>
            <div class="tips">选中所选企微号的全部企业成员。如需进行部分成员的选择，请前往“单号配置”</div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="onClose">取消</el-button>
        <el-button type="primary" @click="onClose">保存</el-button>
      </span>
    </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      check: 0,
      check1: 0,
    }
  },
  props: ['visible'],
  methods: {
    onClose() {
      this.$emit('handCloseDialog');
    }
  },
}
</script>
<style lang="scss" scoped>
.accept-container{
  .accep-form-item {
    display: flex;
    font-weight: 400;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    .form-label {
      width: 100px;
    }
    .form-value {
      .tips {
        margin-top: 4px;
      }
    }
  }
}
</style>